<template>
   <div class="cu-modal bottom-modal" v-if="visible" :class="visible?'show':''">
       <div class="cu-dialog">
           <div class="cu-bar bg-white">
               <div class="action text-green"></div>
               <div class="action text-blue" @click="hideModal">取消</div>
           </div>
           <div class="">
               <div class="cu-list menu-avatar">
                   <div class="cu-item" @click="checkPerson">
                       <div class="cu-avatar round lg"
                           style="background-image:url(https://ossweb-img.qq.com/images/lol/web201310/skin/big10001.jpg);">
                       </div>
                       <div class="content">
                           <div class="text-grey">凯尔</div>
                       </div>
                   </div>
               </div>
           </div>
       </div>
   </div>
</template>

<script>
   export default{
       props:['visible'],
       methods:{
           hideModal(){
               this.$emit('update:visible',false)
           },
           checkPerson(){
               this.$emit('check-person',{personId:'1313',name:'凯尔'})
           }
       }
   }
</script>

<style>
</style>